<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- file-input -->
    <link rel="stylesheet" type="text/css" href="../../js/file-input/fileinput.css" />

    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
    <style>
        .red {
            color: red;
            font-size: 12px;
            display: flex;
            align-items: center;
            height: 34px;
        }
        
        .babyimg {
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <header class="navbar clearfix" id="header">
    </header>
    <!-- PAGE -->
    <section id="page">
        <!-- SIDEBAR -->
        <div id="sidebar" class="sidebar">
            <div class="sidebar-menu nav-collapse">

                <!-- SIDEBAR MENU -->
                <ul>

                </ul>
                <!-- /SIDEBAR MENU -->
            </div>

        </div>
        <!-- /SIDEBAR -->
        <div id="main-content">

            <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
            <div class="container">
                <div class="row">
                    <div id="content" class="col-lg-12">
                        <!-- PAGE HEADER-->
                        <div class="row" style="height: 30px;">
                            <div class="col-sm-12">
                                <div class="page-header">
                                    <!-- STYLER -->

                                    <!-- /STYLER -->
                                    <!-- BREADCRUMBS -->
                                    <ul class="breadcrumb">
                                        <li>
                                            <i class="fa fa-home"></i>
                                            <a href="../index.html">首页</a>
                                        </li>
                                        <li>
                                            <a href="#">投票活动</a>
                                        </li>
                                        <li>后台审核</li>
                                    </ul>
                                    <!-- /BREADCRUMBS -->

                                </div>
                            </div>
                        </div>
                        <!-- /PAGE HEADER -->
                        <!-- FORMS QUERY-->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="box border primary">
                                            <div class="box-title">
                                                <h4><i class="fa fa-bars"></i>查询条件</h4>
                                            </div>
                                            <div class="box-body big" style="padding:10px;">
                                                <form class="form-horizontal" role="form">
                                                    <div class="form-group mrg-bt10">
                                                        <label class="col-sm-1 control-label" style="width: auto">发起人名称：</label>
                                                        <div class="col-sm-2">
                                                            <input type="text" class="form-control" name="q" placeholder="输入关键字">
                                                        </div>
                                                        <label class="col-sm-1 control-label" for="e1" style="width: auto">状态：</label>
                                                        <div class="col-sm-2">
                                                            <select id="voteStatus" name="salesS" class="col-md-12 select2-offscreen" tabindex="-1">
                                                                <option value="">选择状态</option>
                                                                <option value="Pass">已通过</option>
                                                                <option value="Waiting">待审核</option>
                                                                <option value="Reject">已拒绝</option>
                                                            </select>
                                                        </div>

                                                        <div class="col-sm-1">
                                                            <a class="btn btn-primary search">查询</a>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <!-- TABLES -->
                            <div class="col-md-12">
                                <!-- BOX -->
                                <div class="box border primary">
                                    <div class="box-title">
                                        <h4><i class="fa fa-table"></i>申请数：<span id="total"></span>条 </h4>

                                    </div>
                                    <div class="box-body">
                                        <table id="db_brand_list" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">

                                        </table>
                                    </div>
                                </div>
                                <!-- /BOX -->
                            </div>
                        </div>
                        <!-- /TABLES -->

                        <div class="footer-tools">
                            <span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                        </div>
                    </div>
                    <!-- /CONTENT-->
                </div>
            </div>
        </div>
        <input type="hidden" name="brandId" />
    </section>

    <!--/PAGE -->
    <!-- JAVASCRIPTS -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- JQUERY -->
    <script src="../../js/jquery/jquery-2.0.3.min.js"></script>
    <!-- JQUERY UI-->
    <script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
    <!-- BOOTSTRAP -->
    <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>

    <!-- BLOCK UI -->
    <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

    <!-- AUTOSIZE -->
    <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>

    <!-- INPUT MASK -->
    <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
    <!-- SELECT2 -->
    <script type="text/javascript" src="../../js/select2/select2.min.js"></script>

    <!-- bootstrap-fileupload -->
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-process.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-validate.min.js"></script>

    <!-- UNIFORM -->
    <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
    <!-- spinner -->
    <script src="../../js/spinner/spin.js"></script>
    <!-- DATA TABLES -->
    <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
    <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

    <!--bootbox-->
    <script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
    <!-- COOKIE -->
    <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
    <!-- CUSTOM SCRIPT -->
    <script src="../../js/script.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        var Vote = function() {
            //保存编辑

            var searchVote = function() {
                var status = $("#voteStatus").val();
                var url = App.getContextPath() + "admin/vote/searchVoteWork.do?nickName=" + $("input[name=q]").val() + "&checkStatus=" + status;
                var dtSetting = $.dataTableSetting({
                    "ajaxSource": url,
                    "serverSide": true,
                    "bFilter": false, // 去掉搜索框
                    "bLengthChange": true, // 每页显示数量
                    "enableCheckbox": true,
                    "checkboxColIndex": 0,
                    "sScrollX": "100%",
                    "sScrollXInner": "100%",
                    "iDisplayLength": 25,
                    "bSort": false,
                    "aoColumns": [{
                        "mDataProp": "id",
                        "sTitle": "发起人ID",
                        "width": "10%"
                    }, {
                        "mDataProp": "nickName",
                        "sTitle": "发起人",
                        // "width": "10%"
                    }, {
                        // "mDataProp": "totalPrepaidPrice",
                        "sTitle": "孩子照片",
                        // "width": "20%",
                        "render": function(data, type, row) {
                            return "<img class='babyimg' src='" + row.babyImageUrl + "'/>"
                        }
                    }, {
                        "mDataProp": "voteCount",
                        "sTitle": "投票数",
                        // "width": "10%"
                    }, {
                        "mDataProp": "checkStatusDesc",
                        "sTitle": "状态",
                        // "width": "10%"
                    }, {
                        "sTitle": "操作",
                        "render": function(data, type, row) {
                            var str = '';
                            switch (row.checkStatus) {
                                case 'Waiting':
                                    str = "<p class='btn-toolbar' style='margin:0px'>" +
                                        "<button class='btn btn-success btn-xs bt_pass btn-width'><i class='fa fa-pencil-square-o'></i>通过</button><button class='btn btn-danger btn-xs bt_reject btn-width'><i class='fa fa-pencil-square-o'></i>拒绝</button></p>";
                                    break;
                                default:
                                    break;
                            }

                            return str;
                        },
                        "width": "15%"
                    }]
                });

                $mainDataTable = $("#db_brand_list").dataTable(dtSetting);
            };

            var changeStatus = function(e) {
                console.log(e.data.status);
                let checkStatus = e.data.status
                var tr = $(this).closest("tr");
                var id = $(tr).find("td:eq(0)").html();
                let noticeStr = "确认通过审核？操作不可恢复!"
                switch (checkStatus) {
                    case 'Reject':
                        noticeStr = "确认拒绝通过审核？操作不可恢复!"
                        break;

                    default:
                        break;
                }
                $.confirm(noticeStr, function() {
                    $.ajax({
                        type: "get",
                        url: App.getContextPath() + "admin/vote/updateWorkCheckStatus.do",
                        async: true,
                        data: {
                            id,
                            checkStatus
                        },
                        success: function(result) {
                            if (result.type === 'error') {
                                $.alert(result.content)
                                return
                            }
                            $.alert('操作成功')
                            searchVote()
                        }

                    });
                });
            }


            return {

                init: function() {
                    searchVote();
                    $(".search").click(searchVote);
                    $("#voteStatus").select2({
                        placeholder: "选择状态"
                    });
                    $("#db_brand_list").on("click", ".bt_pass", {
                        status: 'Pass'
                    }, changeStatus);
                    $("#db_brand_list").on("click", ".bt_reject", {
                        status: 'Reject'
                    }, changeStatus);

                }
            }
        }();


        $(function() {
            $("#header").load("../head.html");
            App.init(); //Initialise plugins and elements
            Vote.init();

        });
    </script>
    <!-- /JAVASCRIPTS -->
</body>

</html>